.userMes {
  padding-top: 46px;

  .avatar {
    position: relative;
    padding: 10px 16px;
    height: 44px;
    box-sizing: border-box;
    display: flex;

    span {
      font-size: 14px;

    }

    .avatar_right {
      flex: 1;
      // display: inline-block;
      text-align: right;
      line-height: 24px;

      img {

        width: 22px;
        height: 22px;
        border-radius: 50%;
      }

      .rightOut {
        vertical-align: super;
        margin-left: 6px;
      }

      span {
        color: #969799;
      }
    }

    :after {
      position: absolute;
      box-sizing: border-box;
      content: " ";
      pointer-events: none;
      right: 0.42667rem;
      bottom: 0;
      left: 0.42667rem;
      border-bottom: 0.00667rem solid #ebedf0;
      transform: scaleY(.5);
    }
  }

  .line {
    height: 14px;
    background-color: #F8F8F8;
  }

  .logout {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    font-size: 14px;
    color: #fc6627;
  }


}

.selectBirthday {
  display: flex;
  text-align: center;
  height: 44px;
  line-height: 44px;
  font-size: 14px;

  span {
    padding: 0 16px;

  }

  .close {
    color: #969799;
  }

  .confirm {

    color: #576b95;
  }

  p {
    flex: 1;

  }
}